<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh-cn">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>腾讯首页色块布局</title>
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
	<!-- 居中盒子 -->
	<div class="mid_box">
		<!-- 头部开始 -->
		<div class="header">
			<div class="header_margin">
				<div class="logo">
				</div>
				<div class="bar"></div>
				<div class="search"></div>
			</div>
		</div>
		<!-- 头部结束 -->

		<!-- 导航开始 -->
		<div class="nav">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li class="no_right only_style"></li>
			</ul>
		</div>
		<!-- 导航结束 -->

		<!-- 主体开始 -->
		<div class="main">
			<div class="ad_two">
				<div class="ad_left"></div>
				<div class="ad_right"></div>
			</div>

			<div class="content_frist">
				<div class="content">
					<div class="content_left"></div>
					<div class="content_right">
						<div class="content_box"></div>
						<div class="content_box"></div>
						<div class="content_box"></div>
					</div>
				</div>

				<div class="side">
					<div class="side_nav"></div>
					<div class="side_ad"></div>
					<div class="side_market"></div>
					<div class="side_lucky"></div>
				</div>
			</div>

			<div class="ad_one">
				<div class="ad_one_img"></div>
			</div>

			<div class="content_second">

				<div class="content_part1">
					<div class="content"></div>
					<div class="side"></div>
				</div>

				<div class="content_part1">
					<div class="content"></div>
					<div class="side"></div>
				</div>
				<div class="content_part2"></div>
			</div>

			<div class="ad_one">
				<div class="ad_one_img"></div>
			</div>

			<div class="content_three">

				<div class="content">
					<div class="content_top"></div>
					<div class="content_bottom"></div>
				</div>

				<div class="side">
					<div class="side_top"></div>
					<div class="side_bottom"></div>
				</div>
			</div>

			<div class="ad_two">
				<div class="ad_left"></div>
				<div class="ad_right"></div>
			</div>

			<div class="content_four">
				<div class="content">
					<div class="content_part1">
						<div class="content_left"></div>
						<div class="content_right"></div>
					</div>
					<div class="content_part1">
						<div class="content_left"></div>
						<div class="content_right"></div>
					</div>
					<div class="content_part1">
						<div class="content_left"></div>
						<div class="content_right"></div>
					</div>
					<div class="content_part1">
						<div class="content_left"></div>
						<div class="content_right"></div>
					</div>
					<div class="content_part2">
						<div class="content_left"></div>
						<div class="content_right"></div>
					</div>
				</div>
				<div class="side">
					<div class="side_section"></div>
					<div class="side_section"></div>
					<div class="side_section"></div>
					<div class="side_section"></div>
					<div class="side_section"></div>
				</div>
			</div>
			<div class="content_items">
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li class="no_right"></li>
				</ul>
			</div>

			<div class="ad_one">
				<div class="ad_one_img"></div>
			</div>
		</div>
		<!-- 主体结束 -->
		
		<!-- 尾部开始 -->
		<div class="footer">
			<ul class="link_top">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li class="no_right"></li>
			</ul>
			<ul class="link_mid">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li class="no_right"></li>
			</ul>
			<ul class="link_bottom">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li class="no_right"></li>
			</ul>
			<div class="Copyright"></div>
			<ul class="survey">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li class="no_right"></li>
			</ul>
		</div>
		<!-- 尾部结束 -->
	</div>
</body>
</html>